{"id":1136,"date":"2026-04-21T08:34:47","date_gmt":"2026-04-21T08:34:47","guid":{"rendered":"https:\/\/baowu-steel.com\/?page_id=1136"},"modified":"2026-04-22T01:09:35","modified_gmt":"2026-04-22T01:09:35","slug":"h-beam-weight-chart","status":"publish","type":"page","link":"https:\/\/baowu-steel.com\/h-beam-weight-chart\/","title":{"rendered":"H Beam Weight Chart"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1136\" class=\"elementor elementor-1136\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47e5cc3 e-con-full e-flex e-con e-parent\" data-id=\"47e5cc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b52d859 elementor-widget elementor-widget-html\" data-id=\"b52d859\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.5\">\r\n    <title>H Beam Weight Chart & Calculator | ASTM, EN, GB, JIS Standards | Baowu Steel<\/title>\r\n    <meta name=\"description\" content=\"Comprehensive H beam weight chart with calculator. Includes standard sizes (100x100 to 900x300mm), theoretical weights, dimensions, and tolerances for ASTM A6\/A992, EN 10025, GB\/T 11263, JIS G3192 standards.\">\r\n    <style>\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f0f2f5; color: #333; line-height: 1.5; }\r\n        .page-container { margin-top: 0; padding-top: 0; }\r\n        .hero-section { background: linear-gradient(135deg, #0c3483 0%, #4facfe 100%); padding: 50px 20px 60px; text-align: center; color: #fff; position: relative; z-index: 1; }\r\n        .hero-section h1 { font-size: 36px; font-weight: 800; margin-bottom: 12px; line-height: 1.2; }\r\n        .hero-section p { font-size: 16px; opacity: .92; max-width: 720px; margin: 0 auto; }\r\n        .breadcrumb { max-width: 1400px; margin: 0 auto; padding: 14px 20px; font-size: 12px; color: #999; background: #fff; }\r\n        .breadcrumb a { color: #4facfe; text-decoration: none; }\r\n        .breadcrumb a:hover { text-decoration: underline; }\r\n        .content-wrapper { max-width: 1400px; margin: 0 auto; padding: 28px 20px 50px; }\r\n        .three-col-grid { display: grid; grid-template-columns: 230px 1fr 230px; gap: 22px; align-items: start; }\r\n        .left-sidebar, .right-sidebar { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 16px; max-height: calc(100vh - 40px); overflow-y: auto; padding-right: 4px; }\r\n        .left-sidebar::-webkit-scrollbar, .right-sidebar::-webkit-scrollbar { width: 4px; }\r\n        .left-sidebar::-webkit-scrollbar-track, .right-sidebar::-webkit-scrollbar-track { background: #e9ecef; border-radius: 10px; }\r\n        .left-sidebar::-webkit-scrollbar-thumb, .right-sidebar::-webkit-scrollbar-thumb { background: #b0c4de; border-radius: 10px; }\r\n        .sidebar-card { background: #fff; border-radius: 12px; box-shadow: 0 3px 12px rgba(0,0,0,.04); padding: 16px 14px; }\r\n        .sidebar-card h3 { font-size: 14px; color: #1a1a2e; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #f0f2f5; font-weight: 700; letter-spacing: -0.2px; }\r\n        .contact-card { background: linear-gradient(135deg, #ff6b35, #f7931e); color: #fff; text-align: center; padding: 18px 12px; border-radius: 12px; box-shadow: 0 4px 16px rgba(255,107,53,.2); }\r\n        .contact-card h3 { color: #fff; border-bottom: none; font-size: 15px; margin-bottom: 4px; padding-bottom: 0; }\r\n        .contact-card p { font-size: 11px; opacity: .9; margin-bottom: 12px; }\r\n        .contact-card .cta-btn { display: block; background: #fff; color: #ff6b35; padding: 8px 14px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 12px; transition: transform .2s, box-shadow .2s; margin-bottom: 10px; }\r\n        .contact-card .cta-btn:hover { transform: scale(1.02); box-shadow: 0 4px 12px rgba(0,0,0,.2); }\r\n        .contact-info { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.2); }\r\n        .contact-info a { color: #fff; text-decoration: none; font-size: 11px; opacity: .9; display: flex; align-items: center; justify-content: center; gap: 5px; }\r\n        .tool-links { display: flex; flex-direction: column; gap: 1px; }\r\n        .tool-links a { display: flex; align-items: center; gap: 7px; padding: 7px 8px; border-radius: 7px; text-decoration: none; color: #444; font-size: 11px; transition: all .2s; font-weight: 500; }\r\n        .tool-links a:hover { background: #eef5ff; color: #0c3483; transform: translateX(3px); }\r\n        .tool-links a.current { background: linear-gradient(135deg, #0c3483, #4facfe); color: #fff; font-weight: 600; box-shadow: 0 3px 8px rgba(79,172,254,.3); }\r\n        .tool-links .icon { font-size: 13px; width: 18px; text-align: center; }\r\n        .quick-ref { list-style: none; }\r\n        .quick-ref li { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid #f0f2f5; font-size: 11px; color: #444; }\r\n        .quick-ref li:last-child { border-bottom: none; }\r\n        .quick-ref .value { font-weight: 700; color: #0c3483; font-size: 11px; }\r\n        .tip-box { background: #fffbeb; border: 1.5px solid #fcd34d; border-radius: 10px; padding: 11px 12px; font-size: 11px; color: #92400e; line-height: 1.5; }\r\n        .tip-box strong { display: block; margin-bottom: 4px; font-size: 11px; color: #78350f; }\r\n        .main-content { display: flex; flex-direction: column; gap: 28px; }\r\n        .card { background: #fff; border-radius: 14px; box-shadow: 0 4px 16px rgba(0,0,0,.04); padding: 28px 30px; }\r\n        .card h2 { font-size: 22px; color: #1a1a2e; margin-bottom: 8px; font-weight: 700; }\r\n        .card .desc { color: #777; font-size: 14px; margin-bottom: 22px; }\r\n        .card h3 { font-size: 17px; color: #0c3483; margin: 24px 0 12px; font-weight: 600; }\r\n        .card p { color: #555; font-size: 14px; margin-bottom: 16px; line-height: 1.6; }\r\n        .card ul, .card ol { margin: 10px 0 20px 24px; color: #555; }\r\n        .card li { margin-bottom: 8px; font-size: 14px; }\r\n        .table-container { overflow-x: auto; margin: 20px 0; border-radius: 8px; border: 1px solid #e8e8e8; }\r\n        .data-table { width: 100%; border-collapse: collapse; font-size: 12px; min-width: 700px; }\r\n        .data-table thead { background: #0c3483; color: #fff; }\r\n        .data-table th { padding: 11px 10px; text-align: left; font-weight: 700; font-size: 11px; white-space: nowrap; }\r\n        .data-table td { padding: 9px 10px; border-bottom: 1px solid #eee; }\r\n        .data-table tbody tr:nth-child(even) { background: #fafbfc; }\r\n        .data-table tbody tr:hover { background: #eef5ff; }\r\n        .data-table .size-highlight { font-weight: 700; color: #0c3483; }\r\n        .faq { border: 1px solid #e2e8f0; border-radius: 10px; margin-bottom: 12px; overflow: hidden; }\r\n        .faq-question { padding: 15px 48px 15px 18px; cursor: pointer; font-weight: 600; font-size: 14px; background: #f8fafc; position: relative; user-select: none; }\r\n        .faq-question::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 22px; color: #4facfe; }\r\n        .faq.open .faq-question::after { content: '\u2212'; }\r\n        .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease; padding: 0 18px; background: #fff; font-size: 13px; }\r\n        .faq.open .faq-answer { max-height: 500px; padding: 12px 18px 18px; }\r\n        \r\n        \/* Calculator Section *\/\r\n        .calc-section { background: linear-gradient(135deg, #f8fafc 0%, #eef5ff 100%); border-radius: 12px; padding: 24px; margin-bottom: 20px; border: 2px solid #e2e8f0; }\r\n        .calc-title { font-size: 18px; font-weight: 700; color: #0c3483; margin-bottom: 18px; display: flex; align-items: center; gap: 8px; }\r\n        .calc-title::before { content: ''; display: inline-block; width: 4px; height: 20px; background: linear-gradient(135deg, #0c3483, #4facfe); border-radius: 2px; }\r\n        .calc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }\r\n        .calc-field { display: flex; flex-direction: column; gap: 6px; }\r\n        .calc-field label { font-size: 12px; font-weight: 600; color: #555; }\r\n        .calc-field input, .calc-field select { height: 42px; padding: 0 12px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 14px; transition: border-color .2s; }\r\n        .calc-field input:focus, .calc-field select:focus { outline: none; border-color: #4facfe; }\r\n        .calc-btn { height: 48px; background: linear-gradient(135deg, #0c3483 0%, #4facfe 100%); color: #fff; border: none; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; transition: transform .2s, box-shadow .2s; }\r\n        .calc-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(79,172,254,.4); }\r\n        .calc-result { background: #fff; border-radius: 10px; padding: 20px; margin-top: 20px; border-left: 4px solid #4facfe; }\r\n        .calc-result h4 { font-size: 15px; color: #0c3483; margin-bottom: 12px; }\r\n        .calc-result .result-value { font-size: 28px; font-weight: 800; color: #0c3483; margin-bottom: 8px; }\r\n        .calc-result .result-note { font-size: 12px; color: #777; }\r\n        \r\n        \/* Diagram *\/\r\n        .beam-diagram { background: #fff; border-radius: 10px; padding: 20px; margin: 20px 0; border: 1px solid #e8e8e8; text-align: center; }\r\n        .beam-svg { max-width: 500px; margin: 0 auto; }\r\n        \r\n        \/* Warning box with icon *\/\r\n        .warning-box { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 8px; padding: 14px 16px; font-size: 13px; color: #92400e; line-height: 1.6; margin: 16px 0; }\r\n        .warning-box .warning-title { display: flex; align-items: center; gap: 8px; font-weight: 700; color: #78350f; margin-bottom: 6px; font-size: 13px; }\r\n        .warning-box .warning-title::before { content: ''; display: inline-block; width: 18px; height: 18px; background: #f59e0b; border-radius: 50%; flex-shrink: 0; position: relative; }\r\n        .warning-box .warning-title::after { content: '!'; position: absolute; color: #fff; font-weight: 900; font-size: 12px; margin-left: -13px; margin-top: 1px; }\r\n        \r\n        @media (max-width: 1100px) {\r\n            .three-col-grid { grid-template-columns: 1fr; }\r\n            .left-sidebar, .right-sidebar { position: static; max-height: none; overflow-y: visible; }\r\n        }\r\n        @media (max-width: 600px) {\r\n            .card { padding: 22px 18px; }\r\n            .calc-grid { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"page-container\">\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"hero-section\">\r\n        <h1>H Beam Weight Chart & Calculator<\/h1>\r\n        <p>Complete reference for H beam (wide flange) dimensions and theoretical weights. Covers ASTM A6\/A992, EN 10025, GB\/T 11263, JIS G3192 standards with accurate fillet radius calculations.<\/p>\r\n    <\/section>\r\n\r\n    <!-- BREADCRUMB -->\r\n    <div class=\"breadcrumb\">\r\n        <a href=\"https:\/\/baowu-steel.com\/\">Home<\/a> \u203a\r\n        <a href=\"https:\/\/baowu-steel.com\/tools\/\">Tools<\/a> \u203a\r\n        H Beam Weight Chart\r\n    <\/div>\r\n\r\n    <!-- MAIN CONTENT WRAPPER -->\r\n    <div class=\"content-wrapper\">\r\n        <div class=\"three-col-grid\">\r\n\r\n            <!-- ========== LEFT SIDEBAR ========== -->\r\n            <aside class=\"left-sidebar\">\r\n                <div class=\"contact-card\">\r\n                    <h3>Contact Us<\/h3>\r\n                    <p>Get factory-direct pricing. Fast reply guaranteed.<\/p>\r\n                    <a href=\"mailto:sales@baowu-steel.com\" class=\"cta-btn\">Get Free Quote<\/a>\r\n                    <div class=\"contact-info\">\r\n                        <a href=\"tel:+8618764178985\"><span>\ud83d\udcde<\/span> +86 187 6417 8985<\/a>\r\n                        <a href=\"mailto:sales@baowu-steel.com\"><span>\u2709<\/span> sales@baowu-steel.com<\/a>\r\n                        <a href=\"https:\/\/wa.me\/8618764178985\" target=\"_blank\" rel=\"noopener\"><span>\ud83d\udcac<\/span> WhatsApp<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sidebar-card\">\r\n                    <h3>Steel Tools<\/h3>\r\n                    <nav class=\"tool-links\">\r\n                        <a href=\"https:\/\/baowu-steel.com\/tools\/pipe-weight-calculator\/\"><span class=\"icon\">\ud83d\udccf<\/span> Steel Pipe Weight Calculator<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/steel-plate-weight-calculator\/\"><span class=\"icon\">\ud83d\udcd0<\/span> Steel Plate Weight Calculator<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/steel-coil-weight-calculator\/\"><span class=\"icon\">\u2699\ufe0f<\/span> Steel Coil Weight Calculator<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/galvanized-steel-coating-thickness-chart\/\"><span class=\"icon\">\ud83d\udee1\ufe0f<\/span> Galvanized Steel Coating Thickness Chart<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/steel-grade-comparison-chart\/\"><span class=\"icon\">\ud83d\udd0d<\/span> Steel Grade Comparison Chart<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/h-beam-weight-chart\/\" class=\"current\"><span class=\"icon\">\ud83c\udfd7\ufe0f<\/span> H Beam Weight Chart<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/steel-price-per-ton-today\/\"><span class=\"icon\">\ud83d\udcb0<\/span> Steel Price Per Ton Today<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/steel-pipe-sizes-chart\/\"><span class=\"icon\">\ud83d\udcca<\/span> Steel Pipe Sizes Chart<\/a>\r\n                        <a href=\"https:\/\/baowu-steel.com\/sheet-metal-gauge-chart\/\"><span class=\"icon\">\ud83d\udccb<\/span> Sheet Metal Gauge Chart<\/a>\r\n                    <\/nav>\r\n                <\/div>\r\n            <\/aside>\r\n\r\n            <!-- ========== MAIN CONTENT ========== -->\r\n            <main class=\"main-content\">\r\n\r\n                <!-- CALCULATOR SECTION -->\r\n                <div class=\"calc-section\">\r\n                    <div class=\"calc-title\">H Beam Weight Calculator<\/div>\r\n                    <div class=\"calc-grid\">\r\n                        <div class=\"calc-field\">\r\n                            <label>Height - H (mm)<\/label>\r\n                            <input type=\"number\" id=\"calcH\" placeholder=\"e.g. 200\" step=\"0.1\">\r\n                        <\/div>\r\n                        <div class=\"calc-field\">\r\n                            <label>Width - B (mm)<\/label>\r\n                            <input type=\"number\" id=\"calcB\" placeholder=\"e.g. 200\" step=\"0.1\">\r\n                        <\/div>\r\n                        <div class=\"calc-field\">\r\n                            <label>Web Thickness - tw (mm)<\/label>\r\n                            <input type=\"number\" id=\"calcTw\" placeholder=\"e.g. 8\" step=\"0.1\">\r\n                        <\/div>\r\n                        <div class=\"calc-field\">\r\n                            <label>Flange Thickness - tf (mm)<\/label>\r\n                            <input type=\"number\" id=\"calcTf\" placeholder=\"e.g. 12\" step=\"0.1\">\r\n                        <\/div>\r\n                        <div class=\"calc-field\">\r\n                            <label>Fillet Radius - r (mm)<\/label>\r\n                            <input type=\"number\" id=\"calcR\" placeholder=\"e.g. 13\" step=\"0.1\" value=\"13\">\r\n                        <\/div>\r\n                        <div class=\"calc-field\">\r\n                            <label>Length (m)<\/label>\r\n                            <input type=\"number\" id=\"calcLength\" placeholder=\"e.g. 6\" step=\"0.1\" value=\"6\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"calc-btn\" onclick=\"calculateWeight()\">Calculate Weight<\/button>\r\n                    <div class=\"calc-result\" id=\"calcResult\" style=\"display:none;\">\r\n                        <h4>Calculated Results:<\/h4>\r\n                        <div class=\"result-value\" id=\"resultWeight\">\u2014<\/div>\r\n                        <div class=\"result-note\" id=\"resultNote\">\u2014<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- BEAM DIAGRAM -->\r\n                <div class=\"beam-diagram\">\r\n                    <svg class=\"beam-svg\" viewBox=\"0 0 400 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <defs>\r\n                            <marker id=\"arrowhead\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\r\n                                <polygon points=\"0 0, 10 3.5, 0 7\" fill=\"#0c3483\" \/>\r\n                            <\/marker>\r\n                        <\/defs>\r\n                        <!-- H Beam Shape -->\r\n                        <rect x=\"120\" y=\"80\" width=\"160\" height=\"20\" fill=\"#4facfe\" stroke=\"#0c3483\" stroke-width=\"2\"\/>\r\n                        <rect x=\"185\" y=\"100\" width=\"30\" height=\"80\" fill=\"#4facfe\" stroke=\"#0c3483\" stroke-width=\"2\"\/>\r\n                        <rect x=\"120\" y=\"180\" width=\"160\" height=\"20\" fill=\"#4facfe\" stroke=\"#0c3483\" stroke-width=\"2\"\/>\r\n                        <!-- Fillet radius indication -->\r\n                        <circle cx=\"185\" cy=\"100\" r=\"8\" fill=\"none\" stroke=\"#ff6b35\" stroke-width=\"1.5\" stroke-dasharray=\"2,2\"\/>\r\n                        <circle cx=\"215\" cy=\"100\" r=\"8\" fill=\"none\" stroke=\"#ff6b35\" stroke-width=\"1.5\" stroke-dasharray=\"2,2\"\/>\r\n                        <circle cx=\"185\" cy=\"180\" r=\"8\" fill=\"none\" stroke=\"#ff6b35\" stroke-width=\"1.5\" stroke-dasharray=\"2,2\"\/>\r\n                        <circle cx=\"215\" cy=\"180\" r=\"8\" fill=\"none\" stroke=\"#ff6b35\" stroke-width=\"1.5\" stroke-dasharray=\"2,2\"\/>\r\n                        \r\n                        <!-- Dimension lines -->\r\n                        <line x1=\"120\" y1=\"70\" x2=\"280\" y2=\"70\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <line x1=\"280\" y1=\"70\" x2=\"120\" y2=\"70\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <text x=\"200\" y=\"60\" text-anchor=\"middle\" font-size=\"12\" fill=\"#0c3483\" font-weight=\"600\">B (Width)<\/text>\r\n                        \r\n                        <line x1=\"290\" y1=\"80\" x2=\"290\" y2=\"200\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <line x1=\"290\" y1=\"200\" x2=\"290\" y2=\"80\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <text x=\"310\" y=\"145\" text-anchor=\"start\" font-size=\"12\" fill=\"#0c3483\" font-weight=\"600\">H<\/text>\r\n                        \r\n                        <line x1=\"185\" y1=\"220\" x2=\"215\" y2=\"220\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <line x1=\"215\" y1=\"220\" x2=\"185\" y2=\"220\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <text x=\"200\" y=\"238\" text-anchor=\"middle\" font-size=\"11\" fill=\"#0c3483\">tw<\/text>\r\n                        \r\n                        <line x1=\"100\" y1=\"80\" x2=\"100\" y2=\"100\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <line x1=\"100\" y1=\"100\" x2=\"100\" y2=\"80\" stroke=\"#0c3483\" stroke-width=\"1\" marker-end=\"url(#arrowhead)\"\/>\r\n                        <text x=\"80\" y=\"93\" text-anchor=\"middle\" font-size=\"11\" fill=\"#0c3483\">tf<\/text>\r\n                        \r\n                        <text x=\"195\" y=\"115\" text-anchor=\"middle\" font-size=\"10\" fill=\"#ff6b35\" font-weight=\"600\">r<\/text>\r\n                        \r\n                        <!-- Labels -->\r\n                        <text x=\"200\" y=\"270\" text-anchor=\"middle\" font-size=\"13\" fill=\"#555\" font-style=\"italic\">H = Height | B = Width | tw = Web thickness | tf = Flange thickness | r = Fillet radius<\/text>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- STANDARD H BEAMS (GB\/T 11263) -->\r\n                <section class=\"card\">\r\n                    <h2>Standard H Beam Sizes (GB\/T 11263 - China)<\/h2>\r\n                    <p class=\"desc\">Common Chinese standard H beams (Hot Rolled H-Section Steel). Dimensions include fillet radius (r) for accurate weight calculation.<\/p>\r\n                    <div class=\"table-container\">\r\n                        <table class=\"data-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th>Size (H\u00d7B)<\/th>\r\n                                    <th>Height H (mm)<\/th>\r\n                                    <th>Width B (mm)<\/th>\r\n                                    <th>Web tw (mm)<\/th>\r\n                                    <th>Flange tf (mm)<\/th>\r\n                                    <th>Radius r (mm)<\/th>\r\n                                    <th>Weight (kg\/m)<\/th>\r\n                                    <th>Cross-Section (cm\u00b2)<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr><td class=\"size-highlight\">100\u00d7100<\/td><td>100<\/td><td>100<\/td><td>6<\/td><td>8<\/td><td>10<\/td><td>17.2<\/td><td>21.9<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">125\u00d7125<\/td><td>125<\/td><td>125<\/td><td>6.5<\/td><td>9<\/td><td>10<\/td><td>23.8<\/td><td>30.3<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">150\u00d7150<\/td><td>150<\/td><td>150<\/td><td>7<\/td><td>10<\/td><td>11<\/td><td>31.9<\/td><td>40.6<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">175\u00d7175<\/td><td>175<\/td><td>175<\/td><td>7.5<\/td><td>11<\/td><td>12<\/td><td>40.3<\/td><td>51.4<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">200\u00d7100<\/td><td>200<\/td><td>100<\/td><td>5.5<\/td><td>8<\/td><td>11<\/td><td>21.7<\/td><td>27.6<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">200\u00d7200<\/td><td>200<\/td><td>200<\/td><td>8<\/td><td>12<\/td><td>13<\/td><td>50.5<\/td><td>64.3<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">200\u00d7204<\/td><td>200<\/td><td>204<\/td><td>12<\/td><td>12<\/td><td>13<\/td><td>56.7<\/td><td>72.2<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">250\u00d7125<\/td><td>250<\/td><td>125<\/td><td>6<\/td><td>9<\/td><td>11<\/td><td>29.7<\/td><td>37.8<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">250\u00d7250<\/td><td>250<\/td><td>250<\/td><td>9<\/td><td>14<\/td><td>13<\/td><td>72.4<\/td><td>92.2<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">250\u00d7255<\/td><td>250<\/td><td>255<\/td><td>14<\/td><td>14<\/td><td>13<\/td><td>82.2<\/td><td>104.7<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">300\u00d7150<\/td><td>300<\/td><td>150<\/td><td>6.5<\/td><td>9<\/td><td>12<\/td><td>37.3<\/td><td>47.5<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">300\u00d7200<\/td><td>300<\/td><td>200<\/td><td>8<\/td><td>12<\/td><td>13<\/td><td>57.3<\/td><td>73.0<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">300\u00d7300<\/td><td>300<\/td><td>300<\/td><td>10<\/td><td>15<\/td><td>15<\/td><td>94.5<\/td><td>120.4<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">300\u00d7305<\/td><td>300<\/td><td>305<\/td><td>15<\/td><td>15<\/td><td>15<\/td><td>106<\/td><td>135<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">350\u00d7175<\/td><td>350<\/td><td>175<\/td><td>7<\/td><td>11<\/td><td>13<\/td><td>50.0<\/td><td>63.7<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">350\u00d7350<\/td><td>350<\/td><td>350<\/td><td>12<\/td><td>19<\/td><td>15<\/td><td>137<\/td><td>175<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">400\u00d7200<\/td><td>400<\/td><td>200<\/td><td>8<\/td><td>13<\/td><td>13<\/td><td>66.0<\/td><td>84.1<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">400\u00d7400<\/td><td>400<\/td><td>400<\/td><td>13<\/td><td>21<\/td><td>16<\/td><td>172<\/td><td>219<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">450\u00d7200<\/td><td>450<\/td><td>200<\/td><td>9<\/td><td>14<\/td><td>13<\/td><td>76.5<\/td><td>97.4<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">500\u00d7200<\/td><td>500<\/td><td>200<\/td><td>10<\/td><td>16<\/td><td>15<\/td><td>89.6<\/td><td>114<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">500\u00d7300<\/td><td>500<\/td><td>300<\/td><td>11<\/td><td>18<\/td><td>15<\/td><td>135<\/td><td>172<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">600\u00d7200<\/td><td>600<\/td><td>200<\/td><td>11<\/td><td>17<\/td><td>15<\/td><td>103<\/td><td>131<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">600\u00d7300<\/td><td>600<\/td><td>300<\/td><td>12<\/td><td>20<\/td><td>18<\/td><td>151<\/td><td>192<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">700\u00d7300<\/td><td>700<\/td><td>300<\/td><td>13<\/td><td>24<\/td><td>18<\/td><td>185<\/td><td>235<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">800\u00d7300<\/td><td>800<\/td><td>300<\/td><td>14<\/td><td>26<\/td><td>20<\/td><td>210<\/td><td>267<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">900\u00d7300<\/td><td>900<\/td><td>300<\/td><td>16<\/td><td>28<\/td><td>20<\/td><td>243<\/td><td>310<\/td><\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <!-- US STANDARD (ASTM A6 \/ W-SHAPES) -->\r\n                <section class=\"card\">\r\n                    <h2>US Standard W-Shapes (ASTM A6 \/ A992)<\/h2>\r\n                    <p class=\"desc\">American wide flange beams (W-shapes). Dimensions in imperial units converted to metric for reference.<\/p>\r\n                    <div class=\"table-container\">\r\n                        <table class=\"data-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th>Designation<\/th>\r\n                                    <th>Height H (mm)<\/th>\r\n                                    <th>Width B (mm)<\/th>\r\n                                    <th>Web tw (mm)<\/th>\r\n                                    <th>Flange tf (mm)<\/th>\r\n                                    <th>Radius r (mm)<\/th>\r\n                                    <th>Weight (kg\/m)<\/th>\r\n                                    <th>Weight (lb\/ft)<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr><td class=\"size-highlight\">W4\u00d713<\/td><td>106<\/td><td>103<\/td><td>7.1<\/td><td>11.2<\/td><td>10<\/td><td>19.3<\/td><td>13<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W6\u00d720<\/td><td>157<\/td><td>152<\/td><td>7.6<\/td><td>10.7<\/td><td>11<\/td><td>29.8<\/td><td>20<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W8\u00d731<\/td><td>203<\/td><td>203<\/td><td>9.1<\/td><td>14.2<\/td><td>13<\/td><td>46.1<\/td><td>31<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W10\u00d749<\/td><td>254<\/td><td>254<\/td><td>11.2<\/td><td>17.8<\/td><td>14<\/td><td>72.9<\/td><td>49<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W12\u00d750<\/td><td>310<\/td><td>203<\/td><td>9.4<\/td><td>16.3<\/td><td>13<\/td><td>74.4<\/td><td>50<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W12\u00d772<\/td><td>318<\/td><td>305<\/td><td>11.4<\/td><td>17.0<\/td><td>16<\/td><td>107<\/td><td>72<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W14\u00d790<\/td><td>356<\/td><td>368<\/td><td>13.1<\/td><td>21.6<\/td><td>19<\/td><td>134<\/td><td>90<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W16\u00d7100<\/td><td>415<\/td><td>267<\/td><td>12.2<\/td><td>21.8<\/td><td>16<\/td><td>149<\/td><td>100<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W18\u00d7119<\/td><td>469<\/td><td>307<\/td><td>13.1<\/td><td>23.9<\/td><td>18<\/td><td>177<\/td><td>119<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W21\u00d7147<\/td><td>533<\/td><td>343<\/td><td>14.5<\/td><td>28.4<\/td><td>19<\/td><td>219<\/td><td>147<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W24\u00d7162<\/td><td>610<\/td><td>305<\/td><td>15.7<\/td><td>30.5<\/td><td>19<\/td><td>241<\/td><td>162<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W27\u00d7178<\/td><td>686<\/td><td>356<\/td><td>16.5<\/td><td>27.7<\/td><td>21<\/td><td>265<\/td><td>178<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W30\u00d7211<\/td><td>762<\/td><td>381<\/td><td>18.0<\/td><td>32.5<\/td><td>23<\/td><td>314<\/td><td>211<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">W36\u00d7280<\/td><td>914<\/td><td>419<\/td><td>22.1<\/td><td>39.6<\/td><td>27<\/td><td>417<\/td><td>280<\/td><\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <!-- EUROPEAN STANDARD (EN 10025) -->\r\n                <section class=\"card\">\r\n                    <h2>European Standard (EN 10025 \/ IPE & HE Series)<\/h2>\r\n                    <p class=\"desc\">Common European H beams (HEA, HEB, HEM series) and IPE beams per EN 10025.<\/p>\r\n\r\n                    <h3>HEA Series (Light H Beams)<\/h3>\r\n                    <div class=\"table-container\">\r\n                        <table class=\"data-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th>Designation<\/th>\r\n                                    <th>Height H (mm)<\/th>\r\n                                    <th>Width B (mm)<\/th>\r\n                                    <th>Web tw (mm)<\/th>\r\n                                    <th>Flange tf (mm)<\/th>\r\n                                    <th>Radius r (mm)<\/th>\r\n                                    <th>Weight (kg\/m)<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr><td class=\"size-highlight\">HEA 100<\/td><td>96<\/td><td>100<\/td><td>5<\/td><td>8<\/td><td>12<\/td><td>16.7<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 120<\/td><td>114<\/td><td>120<\/td><td>5<\/td><td>8<\/td><td>12<\/td><td>19.9<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 140<\/td><td>133<\/td><td>140<\/td><td>5.5<\/td><td>8.5<\/td><td>12<\/td><td>24.7<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 160<\/td><td>152<\/td><td>160<\/td><td>6<\/td><td>9<\/td><td>15<\/td><td>30.4<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 200<\/td><td>190<\/td><td>200<\/td><td>6.5<\/td><td>10<\/td><td>18<\/td><td>42.3<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 220<\/td><td>210<\/td><td>220<\/td><td>7<\/td><td>11<\/td><td>18<\/td><td>50.5<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 240<\/td><td>230<\/td><td>240<\/td><td>7.5<\/td><td>12<\/td><td>21<\/td><td>60.3<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 260<\/td><td>250<\/td><td>260<\/td><td>7.5<\/td><td>12.5<\/td><td>24<\/td><td>68.2<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEA 300<\/td><td>290<\/td><td>300<\/td><td>8.5<\/td><td>14<\/td><td>27<\/td><td>88.3<\/td><\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n\r\n                    <h3>HEB Series (Medium H Beams)<\/h3>\r\n                    <div class=\"table-container\">\r\n                        <table class=\"data-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th>Designation<\/th>\r\n                                    <th>Height H (mm)<\/th>\r\n                                    <th>Width B (mm)<\/th>\r\n                                    <th>Web tw (mm)<\/th>\r\n                                    <th>Flange tf (mm)<\/th>\r\n                                    <th>Radius r (mm)<\/th>\r\n                                    <th>Weight (kg\/m)<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr><td class=\"size-highlight\">HEB 100<\/td><td>100<\/td><td>100<\/td><td>6<\/td><td>10<\/td><td>12<\/td><td>20.4<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 120<\/td><td>120<\/td><td>120<\/td><td>6.5<\/td><td>11<\/td><td>12<\/td><td>26.7<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 140<\/td><td>140<\/td><td>140<\/td><td>7<\/td><td>12<\/td><td>12<\/td><td>33.7<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 160<\/td><td>160<\/td><td>160<\/td><td>8<\/td><td>13<\/td><td>15<\/td><td>42.6<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 200<\/td><td>200<\/td><td>200<\/td><td>9<\/td><td>15<\/td><td>18<\/td><td>61.3<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 220<\/td><td>220<\/td><td>220<\/td><td>9.5<\/td><td>16<\/td><td>18<\/td><td>71.5<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 240<\/td><td>240<\/td><td>240<\/td><td>10<\/td><td>17<\/td><td>21<\/td><td>83.2<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 260<\/td><td>260<\/td><td>260<\/td><td>10<\/td><td>17.5<\/td><td>24<\/td><td>93.0<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEB 300<\/td><td>300<\/td><td>300<\/td><td>11<\/td><td>19<\/td><td>27<\/td><td>117<\/td><\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n\r\n                    <h3>HEM Series (Heavy H Beams)<\/h3>\r\n                    <div class=\"table-container\">\r\n                        <table class=\"data-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th>Designation<\/th>\r\n                                    <th>Height H (mm)<\/th>\r\n                                    <th>Width B (mm)<\/th>\r\n                                    <th>Web tw (mm)<\/th>\r\n                                    <th>Flange tf (mm)<\/th>\r\n                                    <th>Radius r (mm)<\/th>\r\n                                    <th>Weight (kg\/m)<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr><td class=\"size-highlight\">HEM 100<\/td><td>120<\/td><td>106<\/td><td>12<\/td><td>20<\/td><td>12<\/td><td>42.0<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEM 120<\/td><td>140<\/td><td>126<\/td><td>12.5<\/td><td>21<\/td><td>12<\/td><td>52.1<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEM 140<\/td><td>160<\/td><td>146<\/td><td>13<\/td><td>22<\/td><td>12<\/td><td>63.2<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEM 160<\/td><td>180<\/td><td>166<\/td><td>14<\/td><td>23<\/td><td>15<\/td><td>76.2<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEM 200<\/td><td>220<\/td><td>206<\/td><td>15<\/td><td>25<\/td><td>18<\/td><td>103<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEM 240<\/td><td>270<\/td><td>248<\/td><td>18<\/td><td>32<\/td><td>21<\/td><td>156<\/td><\/tr>\r\n                                <tr><td class=\"size-highlight\">HEM 300<\/td><td>340<\/td><td>310<\/td><td>21<\/td><td>39<\/td><td>27<\/td><td>238<\/td><\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <!-- WEIGHT FORMULA EXPLANATION -->\r\n                <section class=\"card\">\r\n                    <h2>H Beam Weight Calculation Formula<\/h2>\r\n                    <p>The theoretical weight of an H beam is calculated considering the fillet radius (r) at the junction of web and flange:<\/p>\r\n\r\n                    <h3>Standard Formula (with Fillet Radius)<\/h3>\r\n                    <p><strong>Weight per meter (kg\/m) = \u03c1 \u00d7 A<\/strong><\/p>\r\n                    <p>Where:<\/p>\r\n                    <ul>\r\n                        <li><strong>\u03c1<\/strong> = Density of steel = 7.85 g\/cm\u00b3 = 7850 kg\/m\u00b3<\/li>\r\n                        <li><strong>A<\/strong> = Cross-sectional area (cm\u00b2)<\/li>\r\n                    <\/ul>\r\n\r\n                    <h3>Cross-Sectional Area Calculation<\/h3>\r\n                    <p><strong>A = 2 \u00d7 B \u00d7 tf + (H - 2 \u00d7 tf) \u00d7 tw - (4 - \u03c0) \u00d7 r\u00b2<\/strong><\/p>\r\n                    <p>Where:<\/p>\r\n                    <ul>\r\n                        <li><strong>H<\/strong> = Overall height (mm)<\/li>\r\n                        <li><strong>B<\/strong> = Flange width (mm)<\/li>\r\n                        <li><strong>tw<\/strong> = Web thickness (mm)<\/li>\r\n                        <li><strong>tf<\/strong> = Flange thickness (mm)<\/li>\r\n                        <li><strong>r<\/strong> = Fillet radius (mm)<\/li>\r\n                    <\/ul>\r\n\r\n                    <h3>Simplified Formula (Ignoring Radius)<\/h3>\r\n                    <p>For quick estimation (\u00b12% accuracy):<\/p>\r\n                    <p><strong>Weight (kg\/m) \u2248 0.00785 \u00d7 [2 \u00d7 B \u00d7 tf + (H - 2 \u00d7 tf) \u00d7 tw]<\/strong><\/p>\r\n\r\n                    <h3>Total Weight Calculation<\/h3>\r\n                    <p><strong>Total Weight (kg) = Weight per meter \u00d7 Length (m)<\/strong><\/p>\r\n\r\n                    <div class=\"warning-box\">\r\n                        <div class=\"warning-title\">Important Notes<\/div>\r\n                        The fillet radius (r) reduces the cross-sectional area by approximately (4 - \u03c0) \u00d7 r\u00b2 \u2248 0.858 \u00d7 r\u00b2 for four corners. This correction typically reduces the calculated weight by 1-3%. Always use the exact fillet radius value provided in the standard for precise calculations. Actual delivered weight may vary due to manufacturing tolerances (typically \u00b14-6%).\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <!-- TOLERANCES -->\r\n                <section class=\"card\">\r\n                    <h2>Standard Tolerances<\/h2>\r\n                    <p class=\"desc\">Dimensional tolerances for H beams per international standards.<\/p>\r\n\r\n                    <h3>GB\/T 11263 (China)<\/h3>\r\n                    <ul>\r\n                        <li>Height (H): \u00b13.0 mm for H \u2264 300 mm; \u00b14.0 mm for H > 300 mm<\/li>\r\n                        <li>Width (B): \u00b13.0 mm for B \u2264 200 mm; \u00b14.0 mm for B > 200 mm<\/li>\r\n                        <li>Web thickness (tw): +1.0 \/ -0.5 mm<\/li>\r\n                        <li>Flange thickness (tf): +1.5 \/ -0.5 mm<\/li>\r\n                        <li>Weight tolerance: \u00b16% for individual piece; \u00b14% for batch<\/li>\r\n                    <\/ul>\r\n\r\n                    <h3>ASTM A6 (USA)<\/h3>\r\n                    <ul>\r\n                        <li>Depth and flange width: \u00b15 mm for sections \u2264 600 mm<\/li>\r\n                        <li>Web thickness: \u00b10.75 mm<\/li>\r\n                        <li>Flange thickness: \u00b11.5 mm<\/li>\r\n                        <li>Weight tolerance: \u00b12.5% for theoretical weight over 20 kg\/m<\/li>\r\n                    <\/ul>\r\n\r\n                    <h3>EN 10034 (Europe)<\/h3>\r\n                    <ul>\r\n                        <li>Height (H): \u00b13 mm for H \u2264 400 mm; \u00b15 mm for H > 400 mm<\/li>\r\n                        <li>Width (B): \u00b14 mm<\/li>\r\n                        <li>Thickness (tw, tf): \u00b10.5 mm for t \u2264 10 mm; \u00b11.0 mm for t > 10 mm<\/li>\r\n                        <li>Mass per meter: \u00b14.5%<\/li>\r\n                    <\/ul>\r\n                <\/section>\r\n\r\n                <!-- FAQ -->\r\n                <section class=\"card\">\r\n                    <h2>Frequently Asked Questions<\/h2>\r\n\r\n                    <div class=\"faq open\">\r\n                        <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">How accurate is the H beam weight chart?<\/div>\r\n                        <div class=\"faq-answer\">The chart provides theoretical weights based on nominal dimensions and standard steel density (7.85 g\/cm\u00b3). Actual weights may vary by \u00b14-6% due to manufacturing tolerances, fillet radius variations, and steel chemistry. For procurement, use mill test certificates for exact weights.<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq\">\r\n                        <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">What is the difference between H beam, I beam, and W beam?<\/div>\r\n                        <div class=\"faq-answer\">H beams (wide flange beams or W-shapes in the US) have flanges of equal or nearly equal width to the web height, making them efficient for columns. I beams have narrower flanges and are efficient for bending applications. Modern usage often treats \"H beam\" and \"W beam\" as equivalent.<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq\">\r\n                        <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">Why include the fillet radius (r) in weight calculations?<\/div>\r\n                        <div class=\"faq-answer\">The fillet radius is the curved transition between web and flange created during rolling. It reduces the cross-sectional area by approximately (4 - \u03c0) \u00d7 r\u00b2 \u2248 0.858 \u00d7 r\u00b2 for four corners. Ignoring it can overestimate weight by 1-3%, which matters for large quantities and tight budgets.<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq\">\r\n                        <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">How do I convert between GB, ASTM, EN, and JIS standards?<\/div>\r\n                        <div class=\"faq-answer\">Direct conversions are not exact because each standard has unique size ranges and tolerance rules. Cross-reference by matching height, width, web thickness, flange thickness, and section modulus. Always verify strength requirements (yield\/ultimate) when substituting grades between standards.<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq\">\r\n                        <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">What is the typical weight tolerance for H beams?<\/div>\r\n                        <div class=\"faq-answer\">Typical weight tolerances are \u00b14-6% for individual pieces and \u00b14% for batches, depending on the standard and mill practice. ASTM A6 allows \u00b12.5% for theoretical weight over 20 kg\/m, while GB\/T 11263 allows \u00b16% for individual pieces and \u00b14% for batches.<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq\">\r\n                        <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">How much does a 6-meter H beam weigh?<\/div>\r\n                        <div class=\"faq-answer\">It depends on the size. Example: H-200\u00d7200 (50.5 kg\/m) \u00d7 6 m = 303 kg; H-300\u00d7300 (94.5 kg\/m) \u00d7 6 m = 567 kg; W12\u00d750 (74.4 kg\/m) \u00d7 6 m = 446 kg. Use the calculator above for your exact dimensions.<\/div>\r\n                    <\/div>\r\n                    <div class=\"faq\">\r\n                        <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">What steel grades are used for H beams?<\/div>\r\n                        <div class=\"faq-answer\">Common grades include Q235B\/Q345B (China), ASTM A36\/A572\/A992 (USA), S235\/S275\/S355 (Europe), and SS400\/SM490 (Japan). For structural construction, A992 and Q345B\/S355 are widely used due to their high strength and weldability.<\/div>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/main>\r\n\r\n            <!-- ========== RIGHT SIDEBAR ========== -->\r\n            <aside class=\"right-sidebar\">\r\n\r\n                <div class=\"sidebar-card\">\r\n                    <h3>\ud83d\udccb Quick Reference<\/h3>\r\n                    <ul class=\"quick-ref\">\r\n                        <li><span>Steel Density<\/span><span class=\"value\">7.85 g\/cm\u00b3<\/span><\/li>\r\n                        <li><span>1 lb\/ft<\/span><span class=\"value\">\u2248 1.488 kg\/m<\/span><\/li>\r\n                        <li><span>1 kg\/m<\/span><span class=\"value\">\u2248 0.672 lb\/ft<\/span><\/li>\r\n                        <li><span>Common Lengths<\/span><span class=\"value\">6m, 9m, 12m<\/span><\/li>\r\n                        <li><span>Weight Tolerance<\/span><span class=\"value\">\u00b14% to \u00b16%<\/span><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"sidebar-card\">\r\n                    <h3>\ud83c\udf0d Standard Systems<\/h3>\r\n                    <ul class=\"quick-ref\">\r\n                        <li><span>China<\/span><span class=\"value\">GB\/T 11263<\/span><\/li>\r\n                        <li><span>USA<\/span><span class=\"value\">ASTM A6<\/span><\/li>\r\n                        <li><span>Europe<\/span><span class=\"value\">EN 10034<\/span><\/li>\r\n                        <li><span>Japan<\/span><span class=\"value\">JIS G3192<\/span><\/li>\r\n                        <li><span>International<\/span><span class=\"value\">ISO 657<\/span><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"sidebar-card\">\r\n                    <h3>\ud83c\udfd7\ufe0f Common Applications<\/h3>\r\n                    <ul class=\"quick-ref\">\r\n                        <li><span>Building Columns<\/span><span class=\"value\">\u2713<\/span><\/li>\r\n                        <li><span>Beams & Girders<\/span><span class=\"value\">\u2713<\/span><\/li>\r\n                        <li><span>Bridge Construction<\/span><span class=\"value\">\u2713<\/span><\/li>\r\n                        <li><span>Industrial Frames<\/span><span class=\"value\">\u2713<\/span><\/li>\r\n                        <li><span>Crane Runways<\/span><span class=\"value\">\u2713<\/span><\/li>\r\n                        <li><span>Warehouse Structures<\/span><span class=\"value\">\u2713<\/span><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"sidebar-card\">\r\n                    <h3>\u2699\ufe0f Steel Grades<\/h3>\r\n                    <ul class=\"quick-ref\">\r\n                        <li><span>China<\/span><span class=\"value\">Q235B, Q345B<\/span><\/li>\r\n                        <li><span>USA<\/span><span class=\"value\">A36, A572, A992<\/span><\/li>\r\n                        <li><span>Europe<\/span><span class=\"value\">S235, S275, S355<\/span><\/li>\r\n                        <li><span>Japan<\/span><span class=\"value\">SS400, SM490<\/span><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"sidebar-card\">\r\n                    <h3>\u26a0 Important Note<\/h3>\r\n                    <div class=\"tip-box\">\r\n                        <strong>Theoretical weights only<\/strong>\r\n                        All weights are theoretical based on nominal dimensions and density. Actual weight may vary \u00b14-6% due to mill tolerances (ASTM A6\/EN 10034\/GB\/T 11263). Confirm with mill test certificates for critical projects.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/aside>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ FAQ toggle\r\n    function toggleFAQ(el) {\r\n        el.parentElement.classList.toggle('open');\r\n    }\r\n\r\n    \/\/ Weight Calculator\r\n    function calculateWeight() {\r\n        const H = parseFloat(document.getElementById('calcH').value);\r\n        const B = parseFloat(document.getElementById('calcB').value);\r\n        const tw = parseFloat(document.getElementById('calcTw').value);\r\n        const tf = parseFloat(document.getElementById('calcTf').value);\r\n        const r = parseFloat(document.getElementById('calcR').value) || 13;\r\n        const length = parseFloat(document.getElementById('calcLength').value) || 6;\r\n\r\n        if (!H || !B || !tw || !tf) {\r\n            alert('Please enter all required dimensions (H, B, tw, tf)');\r\n            return;\r\n        }\r\n\r\n        \/\/ Cross-sectional area (cm\u00b2) with fillet radius correction\r\n        const filletCorrection = (4 - Math.PI) * r * r \/ 100; \/\/ mm\u00b2 -> cm\u00b2\r\n        const area = (2 * B * tf + (H - 2 * tf) * tw) \/ 100 - filletCorrection; \/\/ cm\u00b2\r\n\r\n        \/\/ Weight per meter (kg\/m) using 7.85 g\/cm\u00b3 = 7850 kg\/m\u00b3\r\n        const weightPerMeter = 0.00785 * area * 100;\r\n\r\n        \/\/ Total weight\r\n        const totalWeight = weightPerMeter * length;\r\n\r\n        \/\/ Display results\r\n        document.getElementById('resultWeight').textContent = totalWeight.toFixed(2) + ' kg';\r\n        document.getElementById('resultNote').innerHTML = \r\n            `Weight per meter: <strong>${weightPerMeter.toFixed(2)} kg\/m<\/strong><br>` +\r\n            `Cross-sectional area: <strong>${area.toFixed(2)} cm\u00b2<\/strong><br>` +\r\n            `Length: <strong>${length} m<\/strong><br>` +\r\n            `Fillet radius correction applied: <strong>${filletCorrection.toFixed(2)} cm\u00b2<\/strong><br>` +\r\n            `<em>Theoretical weight only \u2014 actual weight may vary \u00b14-6% due to mill tolerances.<\/em>`;\r\n\r\n        document.getElementById('calcResult').style.display = 'block';\r\n        document.getElementById('calcResult').scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n    }\r\n\r\n    \/\/ Allow Enter key in calculator fields\r\n    document.querySelectorAll('.calc-field input').forEach(input => {\r\n        input.addEventListener('keypress', function(e) {\r\n            if (e.key === 'Enter') {\r\n                calculateWeight();\r\n            }\r\n        });\r\n    });\r\n\r\n    window.toggleFAQ = toggleFAQ;\r\n    window.calculateWeight = calculateWeight;\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>H Beam Weight Chart &#038; Calculator | ASTM, EN, GB, JIS Standards | Baowu Steel H Beam Weight Chart &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1136","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/pages\/1136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/comments?post=1136"}],"version-history":[{"count":13,"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/pages\/1136\/revisions"}],"predecessor-version":[{"id":1204,"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/pages\/1136\/revisions\/1204"}],"wp:attachment":[{"href":"https:\/\/baowu-steel.com\/wp-json\/wp\/v2\/media?parent=1136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}